<template>
	<div style="margin-top: 6vh;">
		<div style="width: 90vw;margin-left: 5vw;border: solid 1px #f1f1f1;border-radius: 5px; height: 15vh;box-shadow: 2px 2px 2px 2px #f1f1f1 ;">
			<div style="width: 90vw;display: flex;height: 5vh;">
				<div style="width: 45vw;text-align: left;font-size: 1.5rem;line-height: 5vh;height: 5vh; font-weight: bold;padding-left: 4vw;">我的订单</div>
			    <div style="font-size: 0.5rem;width: 45vw;color: #999; height: 5vh;line-height: 5vh; text-align: right;padding-right: 2vw;">查看全部 ></div>
			</div>
			<div style="width: 90vw;display: flex;justify-content: space-around;margin-top: 2vh;">
				<!-- 待付款 -->
				<div>
					<div>
						<img src="../../../../public/待付款.png"style="width: 5vw;height: 3vh;" >
					</div>
					<div style="font-size: 1rem;margin-top: 1vh;">待付款</div>
				</div>
				<!-- 待发货 -->
				<div>
					<div>
						<img src="../../../../public/待发货.png"style="width: 5vw;height: 3vh;" >
					</div>
					<div style="font-size: 1rem;margin-top: 1vh;">待发货</div>
				</div>
				<!-- 待收货 -->
				<div>
					<div>
						<img src="../../../../public/待收货.png"style="width: 5vw;height: 3vh;" >
					</div>
					<div style="font-size: 1rem;margin-top: 1vh;">待收货</div>
				</div>
				<!-- 待评价 -->
				<div>
					<div>
						<img src="../../../../public/待评价.png"style="width: 5vw;height: 3vh;" >
					</div>
					<div style="font-size: 1rem;margin-top: 1vh;">待评价</div>
				</div>
				<!-- 退货/售后 -->
				<div>
					<div>
						<img src="../../../../public/退货.png"style="width: 5vw;height: 3vh;" >
					</div>
					<div style="font-size: 1rem;margin-top: 1vh;">退货/售后</div>
				</div>
				
				
			</div>
			
			
			
		</div>
	</div>
</template>

<script>
	export default{
		
	}
	
	
</script>

<style>
</style>
